<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="referrer" content="no-referrer" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="../../static/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-logo">
            <img src="https://oss.51cocoa.com/themes/site/img/logo.png" alt="">
        </div>
        <ul class="nav-box">
            <a href="index.html">首页</a>
            <a href="cake.html">蛋糕</a>
            <a href="cake.html">面包</a>
            <a href="cake.html">冰淇淋</a>
            <a href="cake.html">冻与焗/轻蛋糕</a>
            <a href="cake.html">2小时急达送</a>
        </ul>
        <div class="right-user">
            <a class="username"></a>
            <a href="loginin.html">登录</a>
            <a href="register.html">注册</a>
            <a href="cart.html">购物车</a>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="swiper-container container1" id="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="https://oss.51cocoa.com/upload/images/31d98d846d5abde9225cac76570e0847.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="https://oss.51cocoa.com/upload/images/2e7baf82f4e1f18a8bc1e55463e183d0.jpg" alt="">
            </div>
            <div class="swiper-slide">
                <img src="https://oss.51cocoa.com/upload/images/2395e731c5382e53a4d5305d1c9228ba.jpg" alt="">
            </div>
        </div>
        <!-- jQuery分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    <div class="div">
        <ul class="home-menu">
            <li>
                <a href="#xinpin">
                    <img src="https://oss.51cocoa.com/upload/images/889439561ba83c8ce1cdb960f0e90cf1.jpg" alt="">
                </a>
            </li>
            <li><a href="#shengri">
                    <img src="https://oss.51cocoa.com/upload/images/297df9c6d81aa59ebff1c603211a6732.jpg" alt="">
                </a></li>
            <li><a href="#ertong">
                    <img src="https://oss.51cocoa.com/upload/images/43a4c974312a2be97a1d0d6616c3ab23.jpg" alt="">
                </a></li>
            <li><a href="#juhui">
                    <img src="https://oss.51cocoa.com/upload/images/9e3f7fdd852d1b35f318076e3575412c.jpg" alt="">
                </a></li>
            <li><a href="#huodong">
                    <img src="https://oss.51cocoa.com/upload/images/37752f6805d166b02e011c3b5c3b4972.png" alt="">
                </a></li>
        </ul>
    </div>
    <!-- 专区 -->
    <!-- 新品专区 -->
    <div class="colorful-top-banner">
        <a href="" name="xinpin"> </a>
        <h4 class="home-module-title">新品
            <span>/</span>
            <span>专区</span>
        </h4>
        <img src="https://oss.51cocoa.com//upload/images/83db96358514ac6ecade4f142c2c5750.jpg" alt="">
        <div class="color-product-list">
            <ul>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/30e42be45db72146213dffb5a40f9161.png" alt="">
                    <h6>茉莉花</h6>
                    <p>淡金色茉莉花糖，浸满整朵茉莉花</p>
                    <div class="tag-list">
                        <span>新品</span>
                        <span>生日</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥268.00/454g(1.0磅)</span>
                    </div>
                </li>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/b07fd1972745dbb3024e98c09d12a6d5.png" alt="">
                    <h6>浅草</h6>
                    <p>浅草才能没马蹄</p>
                    <div class="tag-list">
                        <span>新品</span>
                        <span>人气</span>
                        <span>生日</span>
                        <span>相识</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥198.00/454g(1.0磅)</span>
                    </div>
                </li>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/0323f5c730fe9c741206890107f030d5.png" alt="">
                    <h6>豆酪</h6>
                    <p>专为儿童研发的豆腐芝士流心蛋糕</p>
                    <div class="tag-list">
                        <span>儿童</span>
                        <span>春节伴手礼</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥298.00/454g(1.0磅)</span>
                    </div>
                </li>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/c08f540d4088cd0b6e65da8302f6afdd.png" alt="">
                    <h6>「新」杰瑞</h6>
                    <p>芝士与坚果的完美融合</p>
                    <div class="tag-list">
                        <span>新品</span>
                        <span>绘画</span>
                        <span>儿童</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥198.00/454g(1.0磅)</span>
                    </div>
                </li>
            </ul>
        </div>


    </div>
    <!-- 生日专区 -->
    <div class="colorful-top-banner">
        <a href="" name="shengri"> </a>
        <h4 class="home-module-title">生日
            <span>/</span>
            <span>专区</span>
        </h4>
        <img src="https://oss.51cocoa.com//upload/images/84f0375298ea7fe876ae1447c2911400.jpg" alt="">
        <div class="color-product-list">
            <ul>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/2bd6022d079dafb61d084658bded8e77.png" alt="">
                    <h6>深爱</h6>
                    <p>玫瑰蜜饯，丰富口感</p>
                    <div class="tag-list">
                        <span>情侣</span>
                        <span>含酒</span>
                        <span>人气</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥398.00/908g(2.0磅)</span>
                    </div>
                </li>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/236e37ff4694ae6d5c94afddddbaad91.png" alt="">
                    <h6>榴莲飘飘</h6>
                    <p>丰厚乳脂奶油，打入足量榴莲果肉</p>
                    <div class="tag-list">
                        <span>人气</span>
                        <span>生日</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥198.00/454g(1.0磅)</span>
                    </div>
                </li>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/aa46badc0d863063dcdb9afa1d2074f0.png" alt="">
                    <h6>金枝</h6>
                    <p>来自高知县柚子，和法国覆盆子</p>
                    <div class="tag-list">
                        <span>生日</span>
                        <span>春节伴手礼</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥198.00/454g(1.0磅)</span>
                    </div>
                </li>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/523259029cb1ff789d9b0beacf51b315.png" alt="">
                    <h6>枣儿</h6>
                    <p>红枣奶油戚风，与姜撞奶慕斯</p>
                    <div class="tag-list">
                        <span>生日</span>
                        <span>春节伴手礼</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥198.00/454g(1.0磅)</span>
                    </div>
                </li>
            </ul>
        </div>


    </div>
    <!-- 儿童专区 -->
    <div class="colorful-top-banner">
        <a href="" name="ertong"> </a>
        <h4 class="home-module-title">儿童
            <span>/</span>
            <span>专区</span>
        </h4>
        <img src="https://oss.51cocoa.com//upload/images/a85037c288546b3c691192dfad2bb16a.jpg" alt="">
        <div class="color-product-list">
            <ul>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/89803ef2e60bade042e32a0e599321c4.png" alt="">
                    <h6>黑白巧克力慕斯 彼尔德（Party）</h6>
                    <p>“ 孩子的世界，简单到非黑即白。”</p>
                    <div class="tag-list">
                        <span>儿童</span>
                        <span>新品</span>
                        <span>相识</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥198.00/454g(1.0磅)</span>
                    </div>
                </li>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/404f4d71290c67e519e52cd9a93c8d44.png" alt="">
                    <h6>米道</h6>
                    <p>一款专为孩子设计的蛋糕</p>
                    <div class="tag-list">
                        <span>儿童</span>
                        <span>生日</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥298.00/454g(1.0磅)</span>
                    </div>
                </li>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/6bc820b91c8438eafcad8b0a0936ee73.png" alt="">
                    <h6>芒果奶油蛋糕</h6>
                    <p>21cake配方芒果百香果慕斯夹心</p>
                    <div class="tag-list">
                        <span>情侣</span>
                        <span>儿童</span>
                        <span>聚会</span>
                        <span>人气</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥198.00/908g(2.0磅)</span>
                    </div>
                </li>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/dfe6f2c320b07c64fbff7c43973ffe38.png" alt="">
                    <h6>百香果酸乳酪慕斯（木糖醇）</h6>
                    <p>冰淇淋口感，不同层次的酸与冰凉</p>
                    <div class="tag-list">
                        <span>情侣</span>
                        <span>儿童</span>
                        <span>新品</span>
                        <span>低温</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥198.00/454g(1.0磅)</span>
                    </div>
                </li>
            </ul>
        </div>


    </div>
    <!-- 聚会专区 -->
    <div class="colorful-top-banner">
        <a href="" name="juhui"> </a>
        <h4 class="home-module-title">聚会
            <span>/</span>
            <span>专区</span>
        </h4>
        <img src="https://oss.51cocoa.com//upload/images/4f5fdcf4d2b26b0400372f90b8fac191.jpg" alt="">
        <div class="color-product-list">
            <ul>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/f06e749d64c650827a7121dd0dad4355.png" alt="">
                    <h6>黑白巧克力慕斯</h6>
                    <p>白巧克力慕斯的甜，与黑巧克力酱的苦</p>
                    <div class="tag-list">
                        <span>含酒</span>
                        <span>人气</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥298.00/908g(2.0磅)</span>
                    </div>
                </li>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/f608ab69fc31d857d3b04f68cad6f323.jpeg" alt="">
                    <h6>Tofu cheese Cake</h6>
                    <p>米道孪生儿童蛋糕</p>
                    <div class="tag-list">
                        <span>儿童</span>
                        <span>春节伴手礼</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥298.00/454g(1.0磅)</span>
                    </div>
                </li>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/675e4320415f48a73bfaf446c8c3cb3c.png" alt="">
                    <h6>朗姆芝士</h6>
                    <p>清香柠檬与乳酪夹心，微苦、微醺</p>
                    <div class="tag-list">
                        <span>生日</span>
                        <span>情侣</span>
                        <span>含酒</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥298.00/908(2.0磅)</span>
                    </div>
                </li>
                <li>
                    <img src="https://oss.51cocoa.com//upload/images/f3b57b18e54f65a5c015a196d2e993cf.png" alt="">
                    <h6>冻慕斯与焗芝士</h6>
                    <p>马斯卡彭慕斯，叠加法国软芝士</p>
                    <div class="tag-list">
                        <span>生日</span>
                        <span>情侣</span>
                        <span>当季推荐</span>
                    </div>
                    <div class="cart-info">
                        <span class="spec">¥198.00/454g(1.0磅)</span>
                    </div>
                </li>
            </ul>
        </div>


    </div>
    <!-- 活动专区 -->
    <div class="colorful-top-banner" id="banner">
        <a href="" name="huodong"> </a>
        <h4 class="home-module-title">甘一客
            <span>/</span>
            <span>文章</span>
        </h4>
        <ul class="home-magazine-content">
            <li>
                <img src="https://oss.51cocoa.com/public/images/0a/2c/db/520577a6cd05e8ff8fe54ac95b291ceb.jpg" alt="">
                <h4>冬季刊·进博会</h4>
                <p>阅读全文 >></p>
            </li>
            <li>
                <img src="https://oss.51cocoa.com/public/images/13/17/51/dea6a02ac712f5fc042a93d5cfe2c24a.jpg" alt="">
                <h4>廿一志秋刊·客服Q&A</h4>
                <p>阅读全文 >></p>
            </li>
        </ul>
       


    </div>
    <button id="btn">回到顶部</button>

    <script>
        var btn = document.getElementById("btn")
        var userName = document.querySelector('.username')
        btn.addEventListener("click",function(){
            document.documentElement.scrollTop =0

        })
        const aaa = JSON.parse( localStorage.res );
        console.log(aaa);
        console.log(userName);
        userName.innerHTML=aaa;
        
    </script>


    <script src="../../static/javascripts/swiper-bundle.min.js"></script>
    <script src="../../static/javascripts/01.lunbotu.js"></script>
    <script src="../javascripts/cart.js"></script>
</body>

</html>